<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/carousel.css">
    <link rel="stylesheet" href="css/tabLan.css">
    <link rel="stylesheet" href="css/shouFengQin.css">
    <script src="./script/jquery.js"></script>
</head>

<body>
    <header class='header'>
        <div class="content">
            <a href="/" class="logo">
                <img src="images/logo_3.png" alt="">
            </a>
            <nav class='shadow'>
                <ul>
                    <li class='active'>
                        <a href="index.php">首页</a>
                    </li>
                    <li>
                        <a href="usercenter.php">用户中心</a>
                    </li>
                    <li>
                        <a href="#">充值中心</a>
                    </li>
                    <li>
                        <a href="#">客服中心</a>
                    </li>

                </ul>
                <ul class='pull-right'>
                    <li class='search_box'>
                        <a href="" class='search_btn pull-left'></a>
                        <input class='search_input pull-left' type="text" placeholder="请输入漫画名/作者">
                    </li>
                    <li class='pushlisher'>
                        <a href="">
                            <span class='icon'></span>我要投稿
                        </a>
                    </li>
                </ul>
            </nav>

        </div>
    </header>

    <div class="container">
        <div class="content clearfix">
            <div class="left box  pull-left">
                <!--轮播图开始-->
                <div class="carousel clearfix">
                    <ul class="tu">
                        <li>
                            <img src="images/carousel.jpg" alt="">
                        </li>
                        <li>
                            <img src="images/carousel1.jpg" alt="">
                        </li>
                        <li>
                            <img src="images/carousel2.jpg" alt="">
                        </li>
                        <li>
                            <img src="images/carousel.jpg" alt="">
                        </li>
                    </ul>
                    <ul class="dot">
                        <li class="active">1</li>
                        <li>2</li>
                        <li>3</li>
                    </ul>
                    <div class="arrow">
                        <div class="arrow-left">
                            < </div>
                                <div class="arrow-right"> > </div>
                        </div>
                    </div>
                    <!--轮播图结束-->

                    <!--游戏中心-->
                    <div class="gamecenter mt22 clearfix">
                        <header class="title">
                            <ul id="tabUl" class="tabLan">
                                <li class="active">游戏中心</li>
                                <li>DENA</li>
                                <li>一迅社</li>
                                <li>最近更新</li>
                            </ul>
                        </header>
                        <div id="tabContent">
                            <ul class="active">
                                <!--<li>
                                    <a href='chapter.php'>
                                        <img src="./images/lhsl_199x259.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>

                                    </a>
                                </li>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/lhsl_199x259.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>
                                    </a>
                                </li>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/lhsl_199x259.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>
                                    </a>
                                </li>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/lhsl_199x259.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>
                                    </a>
                                </li>-->
                            </ul> 
                            <ul>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/klsd.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>

                                    </a>
                                </li>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/klsd.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>
                                    </a>
                                </li>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/klsd.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>
                                    </a>
                                </li>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/lhsl_199x259.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/nyhx.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>

                                    </a>
                                </li>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/nyhx.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>
                                    </a>
                                </li>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/nyhx.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>
                                    </a>
                                </li>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/nyhx.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>
                                    </a>
                                </li>
                            </ul>
                            <ul>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/mncs.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>

                                    </a>
                                </li>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/mncs.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>
                                    </a>
                                </li>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/mncs.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>
                                    </a>
                                </li>
                                <li>
                                    <a href='chapter.php'>
                                        <img src="./images/mncs.jpg" alt="">
                                        <p class='bookname'>灵魂撕裂</p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <!--最近更新-->
                    <div class="lastupdate mt22 clearfix">
                        <header class="title">
                            最近更新
                        </header>
                        <ul>

                            <li>
                                <a href='chapter.php'>
                                    <img src="./images/32x(1).jpg" alt="">
                                    <div class="info">
                                        <p class="bookname">晴空</p>
                                        <p class="auther">半村良</p>
                                        <p class="lastchapter">最后更新:193话</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href='chapter.php'>
                                    <img src="./images/32x(1).jpg" alt="">
                                    <div class="info">
                                        <p class="bookname">晴空</p>
                                        <p class="auther">半村良</p>
                                        <p class="lastchapter">最后更新:193话</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href='chapter.php'>
                                    <img src="./images/32x(1).jpg" alt="">
                                    <div class="info">
                                        <p class="bookname">晴空</p>
                                        <p class="auther">半村良</p>
                                        <p class="lastchapter">最后更新:193话</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href='chapter.php'>
                                    <img src="./images/32x(1).jpg" alt="">
                                    <div class="info">
                                        <p class="bookname">晴空</p>
                                        <p class="auther">半村良</p>
                                        <p class="lastchapter">最后更新:193话</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href='chapter.php'>
                                    <img src="./images/32x(1).jpg" alt="">
                                    <div class="info">
                                        <p class="bookname">晴空</p>
                                        <p class="auther">半村良</p>
                                        <p class="lastchapter">最后更新:193话</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href='chapter.php'>
                                    <img src="./images/32x(1).jpg" alt="">
                                    <div class="info">
                                        <p class="bookname">晴空</p>
                                        <p class="auther">半村良</p>
                                        <p class="lastchapter">最后更新:193话</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href='chapter.php'>
                                    <img src="./images/32x(1).jpg" alt="">
                                    <div class="info">
                                        <p class="bookname">晴空</p>
                                        <p class="auther">半村良</p>
                                        <p class="lastchapter">最后更新:193话</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href='chapter.php'>
                                    <img src="./images/32x(1).jpg" alt="">
                                    <div class="info">
                                        <p class="bookname">晴空</p>
                                        <p class="auther">半村良</p>
                                        <p class="lastchapter">最后更新:193话</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href='chapter.php'>
                                    <img src="./images/32x(1).jpg" alt="">
                                    <div class="info">
                                        <p class="bookname">晴空</p>
                                        <p class="auther">半村良</p>
                                        <p class="lastchapter">最后更新:193话</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href='chapter.php'>
                                    <img src="./images/32x(1).jpg" alt="">
                                    <div class="info">
                                        <p class="bookname">晴空</p>
                                        <p class="auther">半村良</p>
                                        <p class="lastchapter">最后更新:193话</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href='chapter.php'>
                                    <img src="./images/32x(1).jpg" alt="">
                                    <div class="info">
                                        <p class="bookname">晴空</p>
                                        <p class="auther">半村良</p>
                                        <p class="lastchapter">最后更新:193话</p>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href='chapter.php'>
                                    <img src="./images/32x(1).jpg" alt="">
                                    <div class="info">
                                        <p class="bookname">晴空</p>
                                        <p class="auther">半村良</p>
                                        <p class="lastchapter">最后更新:193话</p>
                                    </div>
                                </a>
                            </li>

                        </ul>
                    </div>
                </div>
                <div class="right box pull-right">
                    <div class="gamecenter">
                        <header class="title">
                            游戏中心
                        </header>
                        <ul class='clearfix'>
                            <li>
                                <a class="shouA" href='chapter.php'>
                                    <img src="./images/20170110134148_5874741cc75d4.jpg" alt="">
                                    <p>少女咖啡枪</p>
                                </a>
                                <ul class="shouUl">
                                    <li>少女咖啡枪1</li>
                                    <li>少女咖啡枪1</li>
                                    <li>少女咖啡枪1</li>
                                    <li>少女咖啡枪1</li>
                                </ul>
                            </li>
                            <li>
                                <a class="shouA" href='chapter.php'>
                                    <img src="./images/20170110134148_5874741cc75d4.jpg" alt="">
                                    <p>少女咖啡枪</p>
                                </a>
                                <ul class="shouUl">
                                    <li>少女磨枪2</li>
                                    <li>少女磨枪2</li>
                                    <li>少女磨枪2</li>
                                    <li>少女磨枪2</li>
                                </ul>
                            </li>
                            <li>
                                <a class="shouA" href='chapter.php'>
                                    <img src="./images/20170110134148_5874741cc75d4.jpg" alt="">
                                    <p>少女咖啡枪</p>
                                </a>
                                <ul class="shouUl">
                                    <li>少女磨枪3</li>
                                    <li>少女磨枪3</li>
                                    <li>少女磨枪3</li>
                                    <li>少女磨枪3</li>
                                </ul>
                            </li>
                            <li>
                                <a class="shouA" href='chapter.php'>
                                    <img src="./images/20170110134148_5874741cc75d4.jpg" alt="">
                                    <p>少女咖啡枪</p>
                                </a>
                                <ul class="shouUl">
                                    <li>少女磨枪4</li>
                                    <li>少女磨枪4</li>
                                    <li>少女磨枪4</li>
                                    <li>少女磨枪4</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>


        <footer class='footer content'>
            <ul>
                <li>
                    <p>珠海布卡科技有限公司</p>
                    <p>地址:珠海市香洲区夏美路161号(南厦丰泽园)2栋二层商铺234C</p>
                </li>
                <li>
                    <p>客服:service@buka.cn</p>
                    <p>投稿:td.sosobook.cn</p>
                    <p>合作:bd@buka.cn</p>
                </li>
                <li>
                    <p>电话:</p>
                    <p>0756-3360306</p>
                </li>
                <li>
                    ICP备案号:粤ICP备1234567号-1
                </li>
                <li>
                    <span class="bkn"></span>
                    <div class="qipao">
                        <span class="arrow"></span>
                        <p>沉迷娱乐伤身</p>

                        <p> 合理安排时间</p>
                        <p> 享受健康生活</p>
                        <p> 适龄17岁以上</p>
                    </div>
                </li>
            </ul>
        </footer>
</body>
<script src="./script/animate.js"></script>
<script src="./script/carousel.js"></script>
<script src="./script/tabLan.js"></script>
<script src="./script/shouFengQin.js"></script>
</html>
<script type="text/template" id="bstp">
<ul class="active">
    {{each data value index}}
    <li>
        <a href='chapter.php?id={{value.id}}'>
        <img src="./images/{{value.gamePic}}">
        <p class='bookname'>{{value.gameName}}</p>
        </a>
    </li>
    {{/each}}
</ul>

</script>
<script src="./script/template-web.js"></script>
<script src="./js/index.js"></script>